﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <title>梦响商学院</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
    
    <link href="../css/public.css" rel="stylesheet" />

    <style>
           /*头部轮播*/
        .content .swiper-container {
            width: 100%;
            height: 30%;
            margin-top:10px;
        }
          .content .swiper-container .swiper-slide > img{
            width: 100%;
           
        }
    </style>
    <script src="../js/vue.js"></script>
    <script src="../js/axios.min.js"></script>
</head>
<body>
    <div class="content" id="content">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" v-for="x in slideList">
                    <img v-bind:src="x" alt="Alternate Text" />
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div class="add_item">
            <div class="add_img">
                <img src="../Images/chanpin.png" />
            </div>
            <p class="add_title" style="color:#F04F3C">简介</p>
            <p class="add_word">
                梦响红木将吸纳各行业顶尖人才、资源、品牌，投资一个亿，共建梦响商学院。为商学院所在城市合伙人提供培训服务，致力于高端人群的品质生活。同时为有梦之人打造成一个创业平台，并通过资源共享帮助更多企业家实现跨行盈利。同时通过梦响慈善基金帮助社会上更多需要帮助的人。
                梦响红木将吸纳各行业顶尖人才、资源、品牌，投资一个亿，共建梦响商学院。为商学院所在城市合伙人提供培训服务，致力于高端人群的品质生活。同时为有梦之人打造成一个创业平台，并通过资源共享帮助更多企业家实现跨行盈利。同时通过梦响慈善基金帮助社会上更多需要帮助的人。
            </p>
        </div>


    </div>

</body>
</html>
<script>
    new Vue({
        el: '#content',
        data: {
            slideList: [
                'http://shnbbucket.oss-cn-beijing.aliyuncs.com/20180107161708.jpg',
                'http://shnbbucket.oss-cn-beijing.aliyuncs.com/20180107161607.jpg',
                'http://shnbbucket.oss-cn-beijing.aliyuncs.com/20180107161726.jpg'
            ]
        },
        created: function () {//实例创建完成
         

        },
        methods: {
       
        }
    })
    new Swiper('.swiper-container', {
        autoplay: true,//可选选项，自动滑动
        loop: true,
        disableOnInteraction: false,
        pagination: {
            el: '.swiper-pagination',
        },
    })
</script>
